        <?php include '../header.php'; ?>

        <?php $noticia = obtenerNoticia($_GET['bid']); ?>

        <title>Kinet | <?php echo $noticia['titular']; ?></title>
    </head>

    <body>
        <?php include '../menus/menuUsuario.php'; ?>
        <div id="principal">
        <?php include 'pestanasBlog.php'; ?>
            <div style="width:100%;">
                <div style="margin:0 auto;width:90%;text-align:center;padding:10px;">
                    <img style="max-height:400px;border-radius:10px;" src="../<?php echo $noticia['imagen']; ?>">
                </div>
                <div style="margin:0 auto;width:90%;font-size:30px;margin-bottom:10px;position:relative">
                    <div style="float:left;margin-left:49px;">
                        <b><?php echo $noticia['titular']; ?></b>
                        <div style="float:left;text-align:left;font-size:18px;">
                            by <a href="#" onclick="document.verPerfil.submit();" style="font-size:18px;"><?php echo $noticia['nombre']." ".$noticia['apellidos'] ?></a>
                        </div>
                    </div>
                    <div style="float:right;margin-right:45px;margin-bottom:25px;">
                        <table>
                            <tr>
                                <td><img class="socialIcon" src=""></td>
                                <td><img class="socialIcon" src="../img/social/facebook.png" onclick="document.compartirFacebook.submit()" title="Compartir en Facebook"></td>
                                <td><img class="socialIcon" src="../img/social/twitter.png" title="Compartir en Twitter"></td>
                                <td><img class="socialIcon" src="../img/social/googleplus.png" title="Compartir en Google+"></td>
                            </tr>
                        </table>
                    </div>
                    <div style="float:right;margin:0 auto;font-size:13px;color:gray;text-align:right;position:absolute;right:49px;bottom:2px">
                        <i class="glyphicon glyphicon-calendar"></i>&nbsp;<?php echo formatoFecha($noticia['fecha'])." a las ".  formatoHora($noticia['fecha']); ?>    
                    </div>
                    <div style="clear:both"></div>
                </div>
                <div style="margin:0 auto;width:90%;margin-bottom:10px;">
                
                    <div style="margin:0 auto;width:90%;font-size:16px;padding:10px;background:whitesmoke;border-radius:5px;">
                        <?php echo $noticia['resumen']; ?>
                    </div>

                    <div style="margin:0 auto;width:90%;font-size:15px;padding:10px 0 10px">
                        <?php echo $noticia['cuerpo']; ?>
                    </div>
                </div>
                
                <form method="get" action="../usuarios/perfil.php" name="verPerfil">
                    <input type="hidden" name="uid" value="<?php echo $noticia['idUsuario'] ?>">
                </form>

                <form method="post" action="../logic/compartir.php" name="compartirFacebook">
                    <input type="hidden" name="compartir" value="facebook">
                    <input type="hidden" name="titular" value="<?php echo $noticia['titular'] ?>">
                    <input type="hidden" name="resumen" value="<?php echo $noticia['resumen'] ?>">
                    <input type="hidden" name="imagen" value="<?php echo $noticia['imagen'] ?>">
                </form>
            </div>
                <?php include 'comentariosNoticia.php' ?>
            <div style="clear:both"></div>
        </div>
            <?php include '../footer.php'; ?>
    </body>
</html>